<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_764721_203phjxz6d.css">
    <link rel="stylesheet" href="css/swiper-4.3.3.min.css">
    <link rel="stylesheet" href="css/banner.css">
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/swiper-4.3.3.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<a name="h1"></a>
<div id="header"></div>
<div class="main clearfix">
    <div class="maintopleft">
        全部商品分类
    </div>
    <div class="maintopright">
        <ul>
        <li><a href="" class="a1">首页</a></li>
        <li><a href="" class="a1">TV直播</a></li>
        <li><a href="" class="a1">品牌惠</a></li>
        <li><a href="" class="a1">家有购物</a></li>
        <li><a href="" class="a1">家有尊享</a></li>
        </ul>
    </div>
</div>
<hr class="clearfix">
<div class="side-fix">
    <a class="side-div1" href="">
        <i class="iconfont icon-phone"></i>
        <div class="erwm">
            <ul>
                <li><img src="image/2wm.png" alt=""></li>
                <li>家有购物微信</li>
            </ul>
        </div>
    </a>
    <br>

    <a href="" class="side-div2">
        <i class="iconfont icon-wechat"></i>
        <div class="erwm1">
            <ul>
                <li><img src="image/2wm.png" alt=""></li>
                <li>家有购物微信</li>
            </ul>
        </div>
    </a>

    <br>
    <div class="back-to-top">
        <a href="#h1">
        <i class="iconfont icon-shang"></i>
        </a>
    </div>
</div>
<div class="undermain">
    <div class="undermainleft">
        <ul >
            <li><a href="" class="a2">服装服饰</a></li>
            <li><a href="" class="a2">食品饮料</a></li>
            <li><a href="" class="a2">生活家居</a></li>
            <li><a href="" class="a2">美妆个护</a></li>
            <li><a href="" class="a2">箱包配饰</a></li>
            <li><a href="" class="a2">海外购</a></li>
            <li><a href="" class="a2">运动健康</a></li>
            <li><a href="" class="a2">布艺家纺</a></li>
            <li><a href="" class="a2">品质厨房</a></li>
            <li><a href="" class="a2">厨房电器</a></li>
            <li><a href="" class="a2">生活电器</a></li>
            <li><a href="" class="a2">3C数码</a></li>
        </ul>
    </div>
    <div class="undermainmid">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner1.jpg"/> </div></div>
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner2.jpg"/> </div></div>
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner3.jpg" /></div></div>
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner4.jpg" /></div></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="underbanner">
            <div class="zhibo"><img src="image/tv直播.jpg" alt=""></div>
            <div class="remai"><img src="image/tv热卖.jpg" alt=""></div>
        </div>
    </div>
    <div class="undermainright">
        <div class="person">
            <div class="persontop">
                <div class="logo"><img src="image/dome_07.png" alt=""></div>
                hi！欢迎来到家有购物
                <a href="login.html"><button class="login">登&nbsp;录</button></a>
                <a href="register.html">免费注册</a>
            </div>
            <div class="personbottom">
                <div class="phone">
                    <i class="iconfont icon-dianhua"></i><span>4008-678-210</span>
                </div>
                <div class="list">
                    <div class="box">
                        <i class="iconfont icon-tv"></i>
                        <span>直播节目表</span>
                    </div>
                    <div class="box">
                        <i class="iconfont icon-phone"></i>
                        <span>掌上购物</span>
                    </div>
                    <div class="box">
                        <i class="iconfont icon-wuliu1"></i>
                        <span>物流查询</span>
                    </div>
                    <div class="box">
                        <i class="iconfont icon-ren"></i>
                        <span>会员中心</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="mg">
            <h2>今日秒杀 10/20点准时开抢</h2>
        </div>
        <div class="buy">
            <div class="buy1">
                <img src="image/秒杀.jpg" alt="">
                <button class="miao1">立即抢购</button>
            </div>
            <div class="buy2">
                <img src="image/秒杀2.jpg" alt="">
                <button class="miao2">立即抢购</button>
            </div>
        </div>
    </div>
</div>
<div class="xianshi">
    <div class="xianshitop">
        <span>限时抢购</span>
        <div class="time">距离本次结束还有:</div>
        <div class="time1">
            <div id="show_time"></div><div class="zi">时</div>
            <div id="show_time1"></div><div class="zi">分</div>
            <div id="show_time2"></div><div class="zi">秒</div>
        </div>
        <div class="border"></div>
    </div>
    <div class="xianshibanner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购1.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <a href="goods.html">
                    <div class="item">
                        <img src="image/抢购2.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购3.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购4.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购5.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购7.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购6.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购8.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购10.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/抢购9.jpg" alt="">
                        <span>1.2折</span>
                        <b>歌丽姬宝 面膜100ml*4瓶</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                        <strong>立即抢购</strong>
                    </div>
                </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
    </div>
</div>
<div class="shangpin">
    <div class="shangpinleft">
        <div class="hd">
            <h2>1F  品质家居</h2>
        </div>
        <div class="hdb">
            <a href=""><img src="image/商品1.jpg" alt=""></a>
        </div>
        <div class="hdbanner">
            <div class="swiper-container">
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner11.jpg"/> </div></div>
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner12.jpg"/> </div></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="shop">
            <ul>
                <li><a href=""><img src="image/店铺%20(1).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(2).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(3).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(4).jpg" alt=""></a></li>
            </ul>
        </div>
        <div class="ad">
            <ul>
                <li><a href=""><img src="image/广告1.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告2.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告3.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="shangpinright">
        <div class="hd">
            <h2>本月热销榜</h2>
            <div class="hd1"></div>
        </div>
        <div class="paihang">
            <ul>
                <li>
                    <img src="image/排行1.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行2.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行3.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行4.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="shangpin">
    <div class="shangpinleft">
        <div class="hd">
            <h2>2F 美妆个护</h2>
        </div>
        <div class="hdb">
            <a href=""><img src="image/商品2.jpg" alt=""></a>
        </div>
        <div class="hdbanner">
            <div class="swiper-container">
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner21.jpg"/> </div></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="shop">
            <ul>
                <li><a href=""><img src="image/店铺%20(1).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(2).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(3).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(4).jpg" alt=""></a></li>
            </ul>
        </div>
        <div class="ad">
            <ul>
                <li><a href=""><img src="image/广告11.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告12.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告13.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="shangpinright">
        <div class="hd">
            <h2>本月热销榜</h2>
            <div class="hd1"></div>
        </div>
        <div class="paihang">
            <ul>
                <li>
                    <img src="image/排行1.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行2.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行3.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行4.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="shangpin">
    <div class="shangpinleft">
        <div class="hd">
            <h2>3F 服装美饰</h2>
        </div>
        <div class="hdb">
            <a href=""><img src="image/商品3.jpg" alt=""></a>
        </div>
        <div class="hdbanner">
            <div class="swiper-container">
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner31.jpg"/> </div></div>
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner32.jpg"/> </div></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="shop">
            <ul>
                <li><a href=""><img src="image/店铺%20(1).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(2).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(3).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(4).jpg" alt=""></a></li>
            </ul>
        </div>
        <div class="ad">
            <ul>
                <li><a href=""><img src="image/广告21.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告22.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告23.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="shangpinright">
        <div class="hd">
            <h2>本月热销榜</h2>
            <div class="hd1"></div>
        </div>
        <div class="paihang">
            <ul>
                <li>
                    <img src="image/排行1.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行2.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行3.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行4.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="shangpin">
    <div class="shangpinleft">
        <div class="hd">
            <h2>4F 食品保健</h2>
        </div>
        <div class="hdb">
            <a href=""><img src="image/商品4.jpg" alt=""></a>
        </div>
        <div class="hdbanner">
            <div class="swiper-container">
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><div class="swiper-zoom-container"><img src="image/banner41.jpg"/> </div></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="shop">
            <ul>
                <li><a href=""><img src="image/店铺%20(1).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(2).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(3).jpg" alt=""></a></li>
                <li><a href=""><img src="image/店铺%20(4).jpg" alt=""></a></li>
            </ul>
        </div>
        <div class="ad">
            <ul>
                <li><a href=""><img src="image/广告31.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告32.jpg" alt=""></a></li>
                <li><a href=""><img src="image/广告33.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="shangpinright">
        <div class="hd">
            <h2>本月热销榜</h2>
            <div class="hd1"></div>
        </div>
        <div class="paihang">
            <ul>
                <li>
                    <img src="image/排行1.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行2.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行3.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
                <li>
                    <img src="image/排行4.png" alt="">
                    <a href="">
                        <b>双立人锅具287年限量组</b>
                        <i>￥2788</i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="cainixihuan">
    <div class="cainixihuantop">
        <span>猜你喜欢</span>
        <div class="border"></div>
    </div>
    <div class="cainixihuanbanner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢1.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢2.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢3.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢4.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢5.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢10.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢6.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢8.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢9.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="item">
                        <img src="image/猜你喜欢7.jpg" alt="">
                        <b>NORNS S925银镶托帕石项链吊坠 玛亚</b>
                        <p>￥169</p>
                        <i>￥1440</i>
                    </div>
                </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
    </div>
</div>
<div id="foot"></div>
</body>
</html>
<script>
    var swiper = new Swiper({
        el: '.undermainmid .swiper-container',
        effect: "fade",
        loop:true,
        initialSlide:0,
        scrollbar: {
            el: '.undermainmid .swiper-scrollbar'
        },
        //添加分页导航
        pagination: {
            el: '.undermainmid .swiper-pagination',
            clickable: true,
            renderBullet:  function (index, className) {
                return '<span class="' + className + '">' + (index + 1) + '</span>';
            }
        },
        //前进后退按钮
        navigation: {
            nextEl: '.undermainmid .swiper-button-next',
            prevEl: '.undermainmid .swiper-button-prev'
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        }
    });
    var swiper1 = new Swiper('.xianshibanner .swiper-container', {
        slidesPerView: 5,
        spaceBetween: 0,
        slidesPerGroup: 5,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.xianshibanner .swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.xianshibanner .swiper-button-next',
            prevEl: '.xianshibanner .swiper-button-prev',
        },
    });
    var swiper2 = new Swiper('.cainixihuanbanner .swiper-container', {
        slidesPerView: 5,
        spaceBetween: 0,
        slidesPerGroup: 5,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.cainixihuanbanner .swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.cainixihuanbanner .swiper-button-next',
            prevEl: '.cainixihuanbanner .swiper-button-prev',
        },
    });
    var swiper3 = new Swiper({
        el: '.hdbanner .swiper-container',
        effect: "fade",
        loop:true,
        initialSlide:0,
        scrollbar: {
            el: '.hdbanner .swiper-scrollbar'
        },
        //添加分页导航
        pagination: {
            el: '.hdbanner .swiper-pagination',
            clickable: true,
            renderBullet:  function (index, className) {
                return '<span class="' + className + '">' + (index + 1) + '</span>';
            }
        },
        //前进后退按钮
        navigation: {
            nextEl: '.hdbanner .swiper-button-next',
            prevEl: '.hdbanner .swiper-button-prev'
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        }
    });

    setInterval("fun(show_time)",1);
    setInterval("fun1(show_time1)",1);
    setInterval("fun2(show_time2)",1);
    function fun(timeID){
        var date = new Date();  //创建对象
        var h = date.getHours();  //时
        if(h<10){
            h = "0"+h;
        }
        document.getElementById(timeID.id).innerHTML = h
    }
    function fun1(timeID){
        var date = new Date();  //创建对象
//        var h = date.getHours();  //时
        var minute = date.getMinutes()  //分
//        var s = date.getSeconds(); //秒
        if(minute<10){
            minute = "0"+minute;
        }
        document.getElementById(timeID.id).innerHTML = minute
    }
    function fun2(timeID){
        var date = new Date();  //创建对象
        var s = date.getSeconds(); //秒
        if(s<10){
            s = "0"+s;
        }
        document.getElementById(timeID.id).innerHTML = s
    }

</script>